草庐IT

node.js - 在 nodejs 中导入 TypeScript 模块

全部标签

javascript - 在 Webpack 2 中使用 bower 模块

我是Webpack的新手,我是从Webpack2开始的。我无法从bower_components文件夹中使用require或import模块。是否可以这样做?如果可以,您能否提供一个示例或其他内容。这是我的webpack.config文件: 最佳答案 您可以配置resolve.modules还要查看bower_components。resolve:{modules:['bower_components','node_modules']}这将首先查看bower_components,如果找不到模块,它将查看node_modules。如

javascript - 如何导出 ES6 类并在另一个模块中构造它的实例?

使用Node.js版本7.7.2,我想从这样的模块中定义和导出ES6类://Foo.jsclassFoo{construct(){this.bar='bar';}}module.exports=Foo;然后将该类导入另一个模块并构造该类的实例,如下所示://Bar.jsrequire('./foo');varfoo=newFoo();varfooBar=foo.bar;但是,这种语法不起作用。我尝试做的事情是否可行?如果可行,实现此目标的正确语法是什么?谢谢。 最佳答案 您必须为此使用常规Node模块语法。您的示例代码中有一些错误。

javascript - 提高 Chrome JS 堆限制?

我有一个使用太多内存的JavaScript应用程序。它不会使选项卡崩溃,但加载可能需要几分钟,其中大部分时间都花在了GC上。我正在使用堆分析器查看哪些函数分配的内存最多,效果很好。有没有什么方法可以让Chrome允许每个进程使用更大的JS堆,这样我就可以在减少内存压力的情况下进行测试运行,而无需等待GC几分钟?也许是我找不到的命令行参数? 最佳答案 是的,控制台中报告了jsHeapSizeLimit:>console.memoryMemoryInfo{totalJSHeapSize:42100000,usedJSHeapSize:2

javascript - Vue.js:根据方法对列表进行排序

我正在获取一些原始数据并显示项目列表。每个项目都有一个我用方法生成的复杂属性(不是计算属性)。该属性可能会根据用户输入而改变。是否可以根据该属性对列表项进行排序?HTML:{{calculateComplexProperty(item.time)}}JavaScript:calculateComplexProperty:function(time){//this.distanceisanexternalfactorthatisnotapropertyofthelistitem,//andthatcanbemanipulatedbytheuservarspeed=time*this.di

javascript - TS1148 ~ 如何使用 --module : "import" and typescript 2. x "none"

我目前正在使用一些旧版JavaScript开发一个项目。该应用程序不包含模块加载器,它只是将所有内容作为全局变量放入window对象中。遗憾的是,接触遗留代码并包含模块加载器对我来说不是一个可行的选择。我想在我自己的代码中使用typescript。我设置了typescript编译器选项module:"none"在我的tsconfig.json中,我只使用命名空间来组织我自己的代码。到目前为止效果很好。..到现在为止:import*asRxfrom'rxjs';..Rx.Observable.from(['foo',bar']);...//ResultsinTypeScript-Erro

javascript - 通过 this 在 typescript 中从派生类型调用构造函数

在我的typescript中,我试图通过基类中的方法创建/克隆子对象。这是我的(简化的)设置。abstractclassBaseClass{protectedprops:TCompositionProps;protectedcloneProps():TCompositionProps{return$.extend(true,{},this.props);}//canbeoverwritenbychildsconstructor(props:TCompositionProps){this.props=props;}clone(){constprops=this.cloneProps();

javascript - 无法使用 webpack 和 Laravel 混合加载 popper.js

我在我的项目中使用bootstrap4beta和Laravel5.4,并使用npm和laravelmix加载我的js依赖项。到目前为止,一切都运行良好,除非我尝试使用booostrapjs方法。它抛出错误“BootstrapdropdownrequirePopper.js”,所以我下载并加载了它到bootstrap.js和webpack.mix.js文件中,但它仍然要求这种依赖,你能告诉我我做错了什么吗?boostrap.jstry{window.$=window.jQuery=require('jquery');require('popper.js');require('datata

javascript - 不加载特定路径的 JS 文件

我有一个网站mean-stack。通常,我所有的外部引用都列在index.html我意识到我正在使用的一个外部JS库(例如https://cdnjs.cloudflare.com/troublelibrary.js)与我网站的一部分有一些冲突。所以我正在寻找的解决方法是不为特定路径加载它https://www.myexample.com/specific。有谁知道如何在路由中实现这一点?编辑1:(查看完整问题here)实际上,有冲突的库是history.js。我一直加载它的初始代码如下。结果https://localhost:3000/home在浏览器中总是https://localh

javascript - TypeScript - 如何将 JSON 数组解析为自定义对象数组

我是这个领域的新手,如果我使用了一些错误的术语,请见谅。随时要求澄清。我有一些typescript界面:exportinterfaceItem{id:stringtype:stringstate:string}exportinterfaceItemResponse{someData1:stringsomeData2:stringitemListResponse:Array//inrealityjustaJSONstringcontainingserializedItemsinanArray}正确(某种程度上)调用外部服务时填充ItemResponse:结果是一个ItemResponse

javascript - Webpack 和 AWS Lambda 问题 - 模块上缺少处理程序

我使用ES6、babel和Webpack2来捆绑AWSLambda。然后我使用本地AWSSAM运行/测试它。当我点击api时出现以下错误-Handler'handler'missingonmodule'dist/main'这是我的webpack.config.js-constpath=require('path');module.exports={entry:'./index.js',output:{path:path.resolve(__dirname,'dist'),filename:'main.js',libraryTarget:'commonjs'},module:{rules